// 获取选择框
$.ajax({
    url: '/my/cate/list',
    success: function (res) {
        const temp = template('select', res)
        $('.art-cate').html(temp)
        layui.form.render()
    }
})

// 调用副文本函数
initEditor()

// 裁剪
const $img = $('.left img')
const options = ({
    aspectRatio: 10 / 7,
    preview: '.preview'
})

// 初始化裁剪
$img.cropper(options)

// 选择文件
$('.choose-img').click(function () {
    $('.file').click()
})
// 选择文件后裁剪
$('.file').change(function () {
    if (this.files.length === 0) return

    const imgSrc = URL.createObjectURL(this.files[0])

    $img
        .attr('src', imgSrc)
        .cropper('destroy')
        .cropper(options)
})

// 定义发布状态变量，并且默认值为 已发布
let state = '已发布'
$('.save').click(function () {
    state = '草稿'
})
// 发表文章
$('.pub-form').submit(function (e) {
    e.preventDefault()
    const fd = new FormData(this)
    fd.append('state', state)
    fd.append('content', tinymce.get('content').getContent())
    $img
        .cropper('getCroppedCanvas', {
            width: 400,
            height: 280
        })
        .toBlob(function (blob) {
            fd.append('cover_img', blob)
            // 发起请求
            $.ajax({
                url: '/my/article/add',
                method: 'POST',
                data: fd,
                processData: false,
                contentType: false,
                success: function (res) {
                    if (res.code === 0) {
                        location.href = '/article/article_list.html'
                    }
                }
            })
        })
})